<template>
      <div class="esg-report-area comm-tb-gap bg-write">
            <div class="constraint">
                  <div class="rep-tit-box ft-center tit-box mar-b-20">
                        <h2>{{ propData.moduleTitle }}</h2>
                  </div>
                  <div class="rep-main-box">
                        <ul class="grid">
                              <li class="relative" v-for="(item, index) in 4" :key="index">
                                    <img src="https://www.tencent.com/img/esg/esg-report-bg-pc-1-small.jpg" alt="">
                                    <div class="rep-text-box flex ali-center">
                                          <div class="rep-sm-box">
                                                <h4>可持续价值报告</h4>
                                                <p>点击了解可持续价值报告详细</p>
                                          </div>
                                    </div>
                              </li>
                        </ul>
                  </div>
            </div>
      </div>
</template>

<script lang="ts" setup>
let propData = defineProps({ moduleTitle: { default: '' } })
</script>